<!--
 * @Author: liyanwei 15230656038@163.com
 * @Date: 2023-10-17 11:36:46
 * @LastEditors: liyanwei
 * @LastEditTime: 2023-10-17 17:10:13
 * @Description: file content
-->
<script setup>
import { useGisStore } from './store/gisStore.js'
import initGis from './gis/initGis.js'

const v = useGisStore()
v.count++
onMounted(() => {
  initGis()
  setTimeout(() => {
    console.log(toRaw(v.viewer))
  }, 2000)
})
</script>

<template>
  <el-container>
    <el-main>
      <div id="cesiumContainer"></div>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<style lang="less" scoped>
#cesiumContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.el-header {
  height: 30px;
}

.el-container {
  height: 100vh;
}

.el-main {
  padding: 0 !important;
  position: relative;
}

.el-aside {
  width: auto;
}
</style>
